<template>
    <div class="box">
        <input type="text" placeholder="搜索">
        <div class="order">点餐</div>
        <div class="comment">评价4.5</div>
        <div class="seller">商家</div>
    </div>
</template>

<script>
export default {

};
</script>

<style scoped>
.box {
    box-sizing: border-box;
    height: 60px;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #d3d3d3;
    display: flex;
    align-items: center;
}

.box input {
    height: 30px;
    width: 20%;
    border-radius: 20px;
    text-align: center;
    outline: none;
    border: none;
    background-color: #d3d3d3;
}
.box div {
 margin-left: 20px;
}
</style>